<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- banner -->
	<div class="banner">
		<div class="container">
			<ul id="flexiselDemo3">
								<li><a href="single.html">
									<div class="banner-1">
										<img src="images/1.jpg" class="img-responsive" alt="">
										<div class="banner-bottom">
											<h4>FedEx</h4>
											<p>Lorem ipsum dolor amet</p>
										</div>
									</div></a>
								</li>
								<li>
								<a href="single.html">
									<div class="banner-1">
										<img src="images/2.jpg" class="img-responsive" alt="">
										<div class="banner-bottom">
											<h4>Digital Art</h4>
											<p>from TheDesignInspiration</p>
										</div>
									</div></a>
								</li>
								<li>
								<a href="single.html">
									<div class="banner-1">
										<img src="images/3.jpg" class="img-responsive" alt="">
										<div class="banner-bottom">
											<h4>Thismanslife: New </h4>
											<p>from Creattica by this life</p>
										</div>
									</div></a>
								</li>
								<li>
								<a href="single.html">
									<div class="banner-1">
										<img src="images/4.jpg" class="img-responsive" alt="">
										<div class="banner-bottom">
											<h4>Business Graph</h4>
											<p>by GraphicsFuel for impl</p>
										</div>
									</div></a>
								</li>
							 </ul>
						
						 <script type="text/javascript">
							$(window).load(function() {
								
								$("#flexiselDemo3").flexisel({
									visibleItems: 4,
									animationSpeed: 1000,
									autoPlay: true,
									autoPlaySpeed: 3000,    		
									pauseOnHover: true,
									enableResponsiveBreakpoints: true,
									responsiveBreakpoints: { 
										portrait: { 
											changePoint:480,
											visibleItems: 2
										}, 
										landscape: { 
											changePoint:640,
											visibleItems: 3
										},
										tablet: { 
											changePoint:768,
											visibleItems: 3
										}
									}
								});
								
							});
							</script>
							<script type="text/javascript" src="js/jquery.flexisel.js"></script>
				<div class="clearfix"> </div>
		</div>
	</div>
<!-- banner -->
</body>
</html>